<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="css/front.css" rel="stylesheet" />
<link type="text/css" href="css/main.css" rel="stylesheet" />
<link type="text/css" href="css/home.css" rel="stylesheet" />
<link type="text/css" href="css/alert.css" rel="stylesheet"/>
<link href="css/alert.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<script type="text/javascript" src="common/JsSupport.js"></script>
<title>记账本</title>
</head>
<body>

	分类设置

	<DIV id=tabs>
		<UL>
			<LI><A href="#tabs-1">支出分类</A>
			</LI>
			<LI><A href="#tabs-2">收入分类</A>
			</LI>
			<LI><A href="#tabs-3">项目分类</A>
			</LI>
			<LI><A href="#tabs-4">商家分类</A>
			</LI>
		</UL>
		<DIV id="tabs-1">
			<iframe src="showCategoryExpenditureSettingsPage.do"  name="BLANK"  height="500" width="600" frameborder="0" scrolling="auto"></iframe>
		</DIV>
		<DIV id="tabs-2">
			 <iframe src="showCategoryIncomeSettingsPage.do"  name="BLANK"  height="500" width="600" frameborder="0" scrolling="auto"></iframe>
		</DIV>
		<DIV id="tabs-3">
			<iframe src="showProjectSettingsPage.do"  name="BLANK"  height="500" width="600" frameborder="0" scrolling="auto"></iframe>
		</DIV>
		<DIV id="tabs-4">
			<iframe src="showMerchantSettingsPage.do"  name="BLANK"  height="500" width="600" frameborder="0" scrolling="auto"></iframe>
		</DIV>
	</DIV>
	</DIV>
<!-- 	End demo -->
<!-- 	<DIV style="DISPLAY: none" class=demo-description> -->
<!-- 		<P>Click tabs to swap between content that is broken into logical sections.</P> -->
<!-- 	</DIV> -->
<!-- 	End demo-description -->


<!-- 	<div id="example"> -->
<!--      <ul> -->
<%--          <li><a href="<s:url action="showCategoryInComeSettingsPage"/>">Content 1</a></li> --%>
<%--          <li><a href="<s:url action="showCategoryCostSettingsPage"/>">Content 2</a></li> --%>
<%--          <li><a href="<s:url action="showMerchantSettingsPage"/>">Content 3</a></li> --%>
<%--          <li><a href="<s:url action="showProjectSettingsPage"/>">Content 4</a></li> --%>
<!--      </ul> -->
<!-- </div> -->

 
</body>
<script type="text/javascript">
$(function() {
// 	$("#example").tabs();
	$("#tabs").tabs();
});

</script>

</html>